<template>
    <div>
        <h1>{{msg}}</h1>
        <!-- 使用组件School 触发   1.自定义事件（子传父） 声明方法接收参数 -->
        <School></School>
        <!-- 使用组件Student      2.props给子组件传递值（父传子） -->
        <Student></Student> 
    </div>
</template>

<script>
import School from './components/School'  //导入子组件School  基础使用vue脚手架搭建项目
import Student from './components/Student'//导入子组件Student
    export default {  //es6暴露方法 export default 默认方法常用
        name:'App',  //告诉vue开发者工具当前组件名字
        data(){
            return{
                msg:'你好啊！',
                name:'王鑫培',
                age:'18',
            }
        },
        components:{
            School,
            Student
        }

    }
</script>

<style>

</style>